<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--><!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]--><!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]--><!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> 
	<html lang="en" class="no-js"> 
<!--<![endif]-->
<head>

	<meta charset="utf-8">
	<!-- :[ Force latest IE rendering engine ]: -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>HTML5 Boiletplate Lite</title>
		
	<meta name="description" content="">
	<meta name="author" content="">
	<!-- :[ Optimize mobile viewpost - link: http://j.mp/bplateviewport ]: -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<!-- :[ Browser will always ask for them ]: -->
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">


  <!-- :[ Google Fonts > Droid Sans ]: -->
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

	<!-- :[ CSS ]: -->
	<link rel="stylesheet" href="css/style.css?v=1" type="text/css">
	<!-- :[ Uncomment if you use LESS CSS :
	<link rel="stylesheet/less" href="css/less.css?v=1" type="text/css">
	]: -->
 
	<!-- :[ Javascripts are all in the bottom of the document except for modernizr and LESS]: -->
	
	<!-- :[ Using modernizr is recommended ]: -->
	<script src="http://html5-boilerplate.googlecode.com/svn/trunk/%20html5-boilerplate/js/modernizr-1.6.min.js"></script>
	<!-- :[ Uncomment if you use LESS CSS :
	<script type="text/javascript" src="http://html5-boilerplate.googlecode.com/svn/trunk/%20html5-boilerplate/js/less.js"></script>
	]: -->
</head>

<!-- :[ Using body class for more control over styles ]: -->
<body class="">
	<header>
		<!-- :[ We're using "inside" class here in case you have a full width header background, so the fixed width goes to .inside ]: -->
		<section class="inside" >
			<h1><!-- :[ Logo ]: --></h1>
			<h2><!-- :[ Tagline ]: --></h2>
			
			<!-- :[ Navigation ]: -->
			<nav>
				<ul>
					<li><a href="#"><!-- :[ Navigation Item ]: --></a></li>
					<li><a href="#"><!-- :[ Navigation Item ]: --></a></li>
					<li><a href="#"><!-- :[ Navigation Item ]: --></a></li>
					<li><a href="#"><!-- :[ Navigation Item ]: --></a></li>
				</ul>
			</nav>
		</section>
	</header>
	<!-- :[ End header ]: -->



<section id="wrap">
	<!-- :[ Your Content ]: -->
</section>
	

<footer>
	<section class="inside">	<!-- :[ Inside class here exists for the same purpose of the inside class of the header ]: -->
     <!-- :[ You can also add HTML5 badge here from W3C - link: http://www.w3.org/html/logo/#badge-builder :) ]: -->
	</section>
</footer>



















<!-- :[ The (load last) stuff ]: -->



	<!-- :[ Load jQuery (and any other library if you like) from Google CDN ]: -->
		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<!-- :[ google.load('libraryName', 'libraryVersion') ]: -->
		<script type="text/javascript">google.load('jquery', '1.5.1');</script>
	<!-- :[ Fallback to local if the CDN didn't load ]: -->
		<script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
  
  
	<!-- :[ Help IE understand what we're doing ]: -->
		<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
		<!--[if lt IE 9]><script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script><![endif]-->

	</body>
</html>